html,
body {
  height: 100%;
}
.mui-content {
  height: 100%;
  display: flex;
  background-color: #eeeeee;
}
.mui-content .main-left {
  width: 100px;
  position: relative;
}
.mui-content .main-left li {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.mui-content .main-left li.active {
  background-color: #eee;
}
.mui-content .main-right {
  flex: 1;
  position: relative;
}
.mui-content .main-right ul {
  margin: 10px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.mui-content .main-right ul li {
  width: calc(33.33333333%);
  text-align: center;
}
